<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">-->
<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">-->
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">-->
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"-->
        <!--"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">-->
<!--<!doctype html>-->
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>CSS 样式应用</title>
    <style type="text/css">
        p{
            font-size: 24px;                / * 设置字号 * /
            font-family: 黑体;              / * 设置字体 * /
            text-indent: 2em;               / * 设置首行缩进 * /
            color: #FF0000;                 / * 设置颜色 * /
        }
        #divl p{
            font-size: 18px;
            color: blue;
            border: 1px double #000099;
        }
    </style>
</head>
<body>
    <p>这是独立段落！字号24px</p>
    <div id = "divl" class = "">
        <p>这是图层中的段落！字号18px</p>
    </div>
    <a href="htmlbase.html">HTML标签基础</a>
</body>
</html>